<template>
	<div>
		<!-- 面包屑导航区 -->
		<el-breadcrumb separator-class="el-icon-arrow-right">
		  <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
		  <el-breadcrumb-item>权限管理</el-breadcrumb-item>
		  <el-breadcrumb-item>权限列表</el-breadcrumb-item>
		</el-breadcrumb>
		
		<!-- 卡片视图 -->
		<el-card>
			<el-table :data="rightsList" border stripe>
				<el-table-column type="index">1</el-table-column>
				<el-table-column label="权限名称" prop="authName" ></el-table-column>
				<el-table-column label="路径" prop="path" ></el-table-column>
				<el-table-column label="权限等级" prop="level" ></el-table-column>
			</el-table>
		</el-card>
	</div>
</template>

<script>
export default{
	data() {
		return{
			// 权限列表
			rightsList:[]
		}
	},
	created() {
		// 获取所有权限
		this.getRightsList()
	},
	methods:{
		// 获取权限列表
		async getRightsList(){
			const {data:res}=await this.$http.get('http://127.0.0.1:8888/api/private/v1/rights/list')
			if(res.meta.status !==200){
				return this.$message.error("获取权限列表失败")
			}
			this.rightsList=res.data
			console.log(this.rightsList)
			
		}
	}
}
</script>

<style>
</style>
